<template>
	<view class="content">
		<view class="block">
			<view class="info1" style="padding-top: 0;">
				<text>新密码</text>
				<input type="number" value="" placeholder="请设置您的新密码" />
			</view>
			<view class="info1">
				<text>确认密码</text>
				<input type="number" value="" placeholder="再次输入密码" />
			</view>
			<view class="info1">
				<view class="verificationCd">立即获取</view>
				<text>短信验证码</text>
				<input type="number" value="" placeholder="请填写短信验证码" />
			</view>
		</view>
		<view class="queren">确认修改</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.content {
	padding: 30rpx 20rpx;

	.queren {
		width: 630rpx;
		height: 88rpx;
		background: #671729;
		border-radius: 44rpx;
		text-align: center;
		line-height: 88rpx;
		margin: 0 auto;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		margin-top: 320rpx;
	}
	.block {
		width: 690rpx;
		//height: 401rpx;
		background: #ffffff;
		border-radius: 10rpx;
		padding: 31rpx 42rpx;

		.info1 {
			position: relative;
			padding-top: 70rpx;
			.verificationCd {
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 120rpx;
				height: 48rpx;
				text-align: center;
				line-height: 48rpx;

				border: 1rpx solid #671729;
				border-radius: 6rpx;

				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #671729;
			}

			text {
				height: 31rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 36rpx;
			}
			input {
				margin-top: 20rpx;
				height: 70rpx;
				line-height: 70rpx;
				border-bottom: 1rpx solid #e6e6e6;
			}
		}
	}
}
</style>
